{extend name='common/base'}

{block name='css'}
<link rel="stylesheet" href="/static/frontend/css/friend_link.min.css">
{/block}

{block name='content'}
<main class="main m-b-15 container clearfix d-flex">
    <div class="main-friend-link-top m-b-15">
        <div class="main-friend-link-top-title bg-white">
            <p>友链申请</p>
            <div class="main-friend-link-top-line">
                <div class="main-friend-link-top-line-position"></div>
            </div>
        </div>
        <div class="form-box bg-white d-flex m-b-15">
            <div class="form-box-left ">
                <form action="" method="post" class="layui-form" role="form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">显示名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">链接地址</label>
                        <div class="layui-input-block">
                            <input type="text" name="link" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">网站介绍</label>
                        <div class="layui-input-block">
                            <input type="text" name="description" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">联系方式</label>
                        <div class="layui-input-block">
                            <input type="text" name="contact" lay-verify="required" autocomplete="off"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">验证码</label>
                        <div class="layui-input-block input-captcha">
                            <input type="text" name="captcha" class="layui-input">
                            <img src="{:captcha_src()}" class="layui-captcha" onclick="this.src='/captcha.html/s/'+Math.random()">
                        </div>
                    </div>
                    <div class="layui-form-item text-center">
                        <button class="layui-btn layui-btn-danger" lay-submit lay-filter="form_submit">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </form>
            </div>
            <div class="form-box-right">
                <div class="form-box-right-list d-flex">
                    <p>申请前务必将本站信息添加至您的首页友情链接！</p>
                    <p>本站名称<em class="text-orange">傲杰笔记</em></p>
                    <p>本站地址<em class="text-orange">https://www.52zsj.com</em></p>
                    <h3>申请基本要求</h3>
                    <ul>
                        <li>1、保证您的首页有本站的友情链接</li>
                        <li>2、网站能正常访问，且有备案</li>
                        <li>3、网站内容与本站有一定相关性</li>
                        <li>4、搜索引擎正常收录、无作弊行为。</li>
                    </ul>
                    <h3 class="text-orange">不定时检查友链的有效性，一旦失效将直接将本站相关友链删除</h3>
                </div>
            </div>
        </div>
        <!-- 友情链接 -->
        {include file='common/friend_link'}

    </div>
    <div class="main-friend-link-right m-b-15">
        <div class="main-friend-link-right">
            {include file='common/author'}
        </div>
    </div>
</main>
{/block}
{block name='js'}
<script src="/static/frontend/js/friend_link.js"></script>
{/block}
